<!doctype HTML>
<style>
.container {
  width: 100px;
  height: 100px;
  perspective: 100px;
  overflow: scroll;
}
.target {
  transform: rotateY(-45deg);
  width: 90px;
  height: 80px;
  background-image: linear-gradient(to right, red 0% ,green 50% , blue 50%);
}
</style>
The result should have horizontal and vertical scrollbars.
<div class="container" style="">
  <div class="target"></div>
</div>
